<template>
<login>
<html>
<body>
	<section class="main-group">
		<div class="item-group shine_red">
			<div class="content">
				<h2>汽</h2>
				<div class="title">
					智能汽车识别
				</div>
				<div class="desc">
					社会上习惯于把科学和技术连在一起，统称为科学技术，简称科技。实际二者既有密切联系，又有重要区别。科学解决理论问题，技术解决实际问题。
				</div>
				<router-link :to="{ path: 'lookCar' }" class="button-group">点击进入</router-link>
			</div>
		</div>
		<div class="item-group shine_blue">
			<div class="content">
				<h2>车</h2>
				<div class="title">
					大数据汽车分析
				</div>
				<div class="desc">
					社会上习惯于把科学和技术连在一起，统称为科学技术，简称科技。实际二者既有密切联系，又有重要区别。科学解决理论问题，技术解决实际问题。
				</div>
				<router-link :to="{ path: 'bigData' }" class="button-group">点击进入</router-link>
			</div>
		</div>
		<div class="item-group shine_red">
			<div class="content">
				<h2>之</h2>
				<div class="title">
					线下车店
				</div>
				<div class="desc">
					社会上习惯于把科学和技术连在一起，统称为科学技术，简称科技。实际二者既有密切联系，又有重要区别。科学解决理论问题，技术解决实际问题。
				</div>
				<router-link :to="{ path: 'carShop' }" class="button-group">点击进入</router-link>
			</div>
		</div>
		<div class="item-group shine_blue">
			<div class="content">
				<h2>家</h2>
				<div class="title">
					为你推荐
				</div>
				<div class="desc">
					社会上习惯于把科学和技术连在一起，统称为科学技术，简称科技。实际二者既有密切联系，又有重要区别。科学解决理论问题，技术解决实际问题。
				</div>
				<router-link :to="{ path: 'recommend' }" class="button-group">点击进入</router-link>
			</div>
		</div>
	</section>
	<router-view></router-view>
</body>
</html>
</login>
</template>

<script>

import md5 from 'js-md5'


export default {
  name: 'App',
  components: {
  },
  data(){	
	return{

	}
  },
  methods:{
        onSubmit() {
            this.$refs.form.validate((valid) => {
                if(valid) {
                    this.$http({
                        url:'/login',
                        method:'post',
                        data:{
                            userName:this.form.name,
                            passWord:md5(this.form.pwd),
                            platform:'Web'
                        }
                    }).then(res => {
                        if(!res.errorMsg){
                            localStorage.setItem('token',res.token)
                            localStorage.setItem('user',JSON.stringify(res))
                            this.$router.push('/index')
                        }
                    })
                }
            })
      }
  },
  created(){

  },
  mounted(){

  }
}
</script>

<style src="@/css/index.css"  scoped></style>




